﻿
@{
    ViewBag.Title = "优越店长-微信电商解决方案";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .headDiv {
        position: fixed;
        right: 0px;
        left: 0px;
        background-color: #0abebc;
        z-index: 9999;
    }
</style>
<div class="main-w3pvt" id="home">
    <!-- header -->
    <header class="">
        <div class="container-fluid">
            <!-- nav -->
            <nav class="py-lg-4 py-3 px-xl-3 px-lg-3 px-2">
                <div id="logo">
                    <h1><a class="" href="http://www.youyue1118.com">优越店长</a></h1>
                </div>
                <label for="drop" class="toggle">导航</label>
                <input type="checkbox" id="drop" />
                <ul class="menu mt-2">
                    <li class="active"><a href="http://www.youyue1118.com">首页</a></li>
                    <li class="mx-lg-5 mx-md-4 my-md-0 my-2"><a href="#about">核心产品</a></li>
                    <li>
                        <!-- First Tier Drop Down -->
                        <label for="drop-2" class="toggle toogle-2">
                            选择 <span class="fa fa-angle-down" aria-hidden="true"></span>
                        </label>
                        <a href="#">选择 <span class="fa fa-angle-down" aria-hidden="true"></span></a>
                        <input type="checkbox" id="drop-2" />
                        <ul>
                            <li><a href="#stats" class="drop-text">数据</a></li>
                            <li><a href="#testi" class="drop-text">宗旨</a></li>
                            <li><a href="#team" class="drop-text">行业商城</a></li>
                            
                        </ul>
                    </li>
                    <li class="mx-lg-5 mx-md-4 my-md-0 my-2"><a href="#services">核心优势</a></li>
                    <li><a href="javascript:void(0);" class="showQr" >演示商城</a></li>
                    <li class="ml-lg-5 ml-md-4 mt-md-0 mt-2"><a href="http://shop.youyue1118.com" class="reqe-button" target="_blank">开始使用</a></li>
                </ul>
            </nav>
            <!-- //nav -->
        </div>
    </header>
    <!-- //header -->
    <!-- banner -->
    <div class="main-banner">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6 banner-img">
                    <div class="effect-w3">
                        <img src="/images/1.jpg" alt="" class="img-fluid image1">
                        <img src="/images/1.jpg" alt="" class="img-fluid image2">
                        <img src="/images/1.jpg" alt="" class="img-fluid image3">
                        <img src="/images/1.jpg" alt="" class="img-fluid image4">
                    </div>
                </div>
                <div class="col-lg-6 style-banner">
                    <h1 class="text-wh font-weight-bold">优越店长-微信电商解决方案</h1>
                    <p class="mt-sm-4 mt-4 text-li">
                        助力企业,个体商户,个人微商,快速构建基于微信的电商平台。
                    </p>
                    <a target="_blank" href="http://shop.youyue1118.com" class="btn button-style mt-sm-5 mt-4 scroll">开始使用</a>
                </div>
            </div>
        </div>
    </div>
    <!-- //banner -->
</div>

<!-- banner-bottom -->

<!-- //banner-bottom -->
<!-- about -->
<div class="about py-5" id="about">
    <div class="container py-xl-5 py-lg-3">
        <div class="row mb-lg-4">
            <div class="col-lg-6 aboutright mt-xl-0 mt-lg-5">
                <img src="/images/hexin.jpg" alt="" class="img-fluid">
            </div>
            <div class="col-lg-5 aboutleft ml-xl-4 mt-lg-3 mt-4">
                <h3 class="tittle text-black font-weight-bold mb-4">核心功能</h3>
                <p>
                    1.无需开发,快速配置生成独立的H5+小程序商城+独立后台管理系统;</br>
                    2.专注微信电商解决方案,高稳定，高可用的技术服务平台;</br>
                    3.免费提供分布式云计算数据存储,客户无需考虑服务器部署,运营即可;</br>
                    4.不仅为企业和商户服务,也专为个人,微商打造基于微信平台的H5版本商城+后台管理。
                </p>
                <h2 class="about-left-w3pvt-lau text-black mt-sm-5 mt-3 mb-3">基本流程</h2>
                <p>
                    微信小程序商城:1.微信相关注册,2.优越店长商户注册,3.商品管理,4.首页预览,5.授权给我们,6.上传发布;</br>
                    微信H5商城:1.优越店长商户注册,2.商品管理,3.首页预览,4.生成商城。
                </p>
            </div>
        </div>
    </div>
</div>
<!-- //about -->
<!-- stats section -->
<div class="middlesection-w3pvt-lau py-5" id="stats">
    <div class="container py-xl-5 py-lg-3">
        <div class="left-build-wthree aboutright-w3pvt-lauwthree">
            <div class="row text-center py-sm-3">
                <div class="col-md-3 col-6 w3layouts_stats_left w3_counter_grid">
                    <p class="counter">749</p>
                    <p class="para-text-w3ls text-li">入驻商户</p>
                </div>
                <div class="col-md-3 col-6 w3layouts_stats_left w3_counter_grid2">
                    <p class="counter">15万+</p>
                    <p class="para-text-w3ls text-li">总用户数</p>
                </div>
                <div class="col-md-3 col-6 w3layouts_stats_left w3_counter_grid1 mt-md-0 mt-4">
                    <p class="counter">10W+</p>
                    <p class="para-text-w3ls text-li">总订单量</p>
                </div>
                <div class="col-md-3 col-6 w3layouts_stats_left w3_counter_grid1 mt-md-0 mt-4">
                    <p class="counter">100+</p>
                    <p class="para-text-w3ls text-li">客户经理</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //stats section -->
<!-- services -->
<section class="banner-bottom-w3layouts py-5" id="services">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="tittle text-center text-black font-weight-bold">核心优势</h3>
        <p class="sub-tittle text-center mt-3 mb-sm-5 mb-4">
            优越店长,由数名10年+经验的工程师合力开发,保证有力的技术支持,致力于商户快速构建小程序商城,H5商城等,全力提供高质量平台服务。公司诚挚期望合作商户与公司一同发展,合作共赢。
        </p>
        <div class="row pt-lg-4">
            <div class="col-lg-4 about-in text-center">
                <div class="card">
                    <div class="card-body">
                        <i class="fa fa-gavel mb-4" aria-hidden="true"></i>
                        <h5 class="card-title mb-3">一键接入</h5>
                        <p class="card-text">无需开发,无需设计,授权即用,个性选择,支持全行业零售。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 about-in text-center my-lg-0 my-3">
                <div class="card active">
                    <div class="card-body">
                        <i class="fa fa-paint-brush mb-4" aria-hidden="true"></i>
                        <h5 class="card-title mb-3">技术保障</h5>
                        <p class="card-text">客户无需技术人员,公司全部数据云计算,分布式数据库+负载均衡架构保障商城性能,全部密文通信保证数据安全。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 about-in text-center">
                <div class="card">
                    <div class="card-body">
                        <i class="fa fa-magic mb-4" aria-hidden="true"></i>
                        <h5 class="card-title mb-3">独立数据</h5>
                        <p class="card-text">客户将拥有独立的小程序商城,独立的微信H5商城,独立的商户后台管理系统。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-lg-4">
            <div class="col-lg-4 about-in mt-lg-4 text-center">
                <div class="card">
                    <div class="card-body">
                        <i class="fa fa-wrench mb-4" aria-hidden="true"></i>
                        <h5 class="card-title mb-3">权限系统</h5>
                        <p class="card-text">商户后台管理系统,为您的团队提供完美的员工权限分配+员工账户登录,保障您团队运营安全。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 about-in mt-lg-4 text-center">
                <div class="card">
                    <div class="card-body">
                        <i class="fa fa-cogs mb-4" aria-hidden="true"></i>
                        <h5 class="card-title mb-3">数据中心</h5>
                        <p class="card-text">为您提供各类经营数据统计报表,数据导出等功能,公司也会持续更新更多数据报表的开发。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 about-in mt-lg-4 text-center">
                <div class="card">
                    <div class="card-body">
                        <i class="fa fa-line-chart mb-4" aria-hidden="true"></i>
                        <h5 class="card-title mb-3">推广系统</h5>
                        <p class="card-text">人人都可以成为我们的客户经理(详情见公众号yydz1118),您发展的客户的所有增值服务费用,您永久性将获得20%的分成。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- //services -->
<!-- apps -->
<div class="newsletter_right_w3w3pvt-lau bg-li py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="tittle text-center text-black font-weight-bold">演示商城</h3>
        <p class="sub-tittle text-center mt-3 mb-sm-5 mb-4">
            官方公众号(yydz1118)，提供电商类信资讯，为商户提供便捷服务窗口，同时也为优越店长客户经理(推广人)进行认证和数据统计,提现等功能。
        </p>
        <ul class="list-unstyled apps-lists text-center mt-sm-5">
           
            <li class="mx-sm-3 my-sm-0 my-3">
                <a href="javascript:void(0);" class="active showQr" ><i class="fa fa-windows mr-2" aria-hidden="true"></i>演示商城</a>
            </li>
           
        </ul>
    </div>
</div>

<!-- //pricing plans -->
<!-- testimonials -->
<div class="testi-w3ls py-5" id="testi">
    <div class="container py-xl-5 py-lg-3">
        <div class="test-text-w3pvt text-center py-sm-3">
            <p class="sub-tittle text-wh">
                <i class="fa fa-quote-left mr-2" aria-hidden="true"></i>
                优越店长旨在打造最专业的微信电商解决方案的Saas平台,为广大商户们提供最好的技术支持和服务,诚信发展,合作共赢。
                <i class="fa fa-quote-right ml-2" aria-hidden="true"></i>
            </p>
            <h4 class="text-wh font-weight-bold mt-sm-5 mt-4">宗旨</h4>
        </div>
    </div>
</div>
<!-- //testimonials -->
<!-- team -->
<section class="team py-5" id="team">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="tittle text-center text-black font-weight-bold">行业截图</h3>
        @*<p class="sub-tittle text-center mt-3 mb-sm-5 mb-4">
            Sed do eiusmod tempor incididunt ut labore et dolore magna
            aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        </p>*@
        <div class="row inner-sec-w3layouts-w3pvt-lauinfo">
            <div class="col-md-4 team-grids text-center">
                <img src="/images/shouji.jpg" class="img-fluid" alt="">
                <div class="team-info">
                    <div class="caption">
                        <h4>手机</h4>
                        <h6>小程序商城</h6>
                    </div>
                   
                </div>
            </div>
            <div class="col-md-4 team-grids my-md-0 my-4 text-center">
                <img src="/images/shuiguo.jpg" class="img-fluid" alt="">
                <div class="team-info">
                    <div class="caption">
                        <h4>水果</h4>
                        <h6>微信H5商城</h6>
                    </div>
                   
                </div>
            </div>
            <div class="col-md-4 team-grids text-center">
                <img src="/images/yifu.png" class="img-fluid" alt="">
                <div class="team-info">
                    <div class="caption">
                        <h4>服装</h4>
                        <h6>微信H5商城</h6>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
</section>
<!-- team -->
<!-- newsletter -->

<script>
    $(document).on('click', '.showQr', function () {
        var html = "<img src='/images/qr.jpg' />";
        layer.open({
            type: 1,
            skin: 'layui-layer-demo', //样式类名
            closeBtn: 0, //不显示关闭按钮
            anim: 2,
            shadeClose: true, //开启遮罩关闭
            content: html
        });
    });
</script>